<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
	<title>Http 接口的权限管理</title>

	<!--/*/ <th:block th:fragment="customHead" > /*/-->

	<link rel="stylesheet" type="text/css"
	      href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.min.css"/>

	<link rel="stylesheet" type="text/css"
	      href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.dataTables.min.css"/>
	<link rel="stylesheet" type="text/css"
	      href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css"
	      href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
	<link rel="stylesheet" type="text/css"
	      href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>

	<link rel="stylesheet" type="text/css"
	      href="lib/dialog/bootstrap-dialog.min.css"/>
	<!--/*/ </th:block > /*/-->
</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="box box-primary permissionSearch">
	<div class="box-header with-border">
		<h3 class="box-title">Http接口权限搜索</h3>
		<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
		</div>
		<!-- /.box-tools -->
	</div>
	<!-- /.box-header -->
	<div class="box-body">
		<form class="permissionSearchForm" action="security/staff/findPermit">
			<input type="text" style="display: none"/>
			<div class="row">
				<div class="col-md-4"></div>
				<div class="col-md-1">
					<select class="form-control type-select">
						<option value="">全部</option>
						<option value="account">帐户</option>
						<option value="order">交易记录</option>
					</select>
				</div>
				<div class="col-md-3">
					<div class="input-group input-group-sm">
						<span class="input-group-addon permit-prefix"></span>
						<input type="text" maxlength="30" class="form-control search-key">
						<span class="input-group-btn">
                      <button type="button" class="btn btn-primary btn-flat search-btn">Go</button>
                    </span>
					</div>
					<!-- /input-group -->
				</div>
				<div class="col-md-4"></div>
			</div>
		</form>
	</div>
	<!-- /.box-body -->
</div>
<!-- /.box -->
<div class="box box-primary table-box hidden">
	<div class="box-header with-border">
		<h3 class="box-title">Http接口权限管理</h3>
		<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
		</div>
		<!-- /.box-tools -->
	</div>
	<!-- /.box-header -->
	<div class="box-body">
		<table id="permissionManageTable" class="table table-bordered table-hover" width="100%">
			<thead>
			<tr>
				<th class="text-center text-nowrap">序号</th>
				<th class="text-center text-nowrap">ID</th>
				<th class="text-center text-nowrap">权限</th>
				<th class="text-center text-nowrap">描述</th>

				<th class="text-center text-nowrap">创建时间</th>
			</tr>
			</thead>
			<tbody></tbody>
			<tfoot>
			<tr>
				<th class="text-center text-nowrap">序号</th>
				<th class="text-center text-nowrap">ID</th>
				<th class="text-center text-nowrap">权限</th>
				<th class="text-center text-nowrap">描述</th>

				<th class="text-center text-nowrap">创建时间</th>
			</tr>
			</tfoot>
		</table>
	</div>
	<!-- /.box-body -->
</div>
<!-- /.box -->
<div class="modal fade" id="permissionEditDialog" role="dialog" aria-labelledby="编辑对话框">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" >Http权限添加</h4>
			</div>
			<div class="modal-body">
				<form action="security/staff/addHttpPermit" class="permit-edit">
					<input type="text" style="display: none"/>
					<div class="form-group">
						<label for="permitTypeEditor">类型:</label>
						<select id="permitTypeEditor" class="form-control permit-type editor">
							<option value="account">帐户</option>
							<option value="order">交易记录</option>
						</select>
					</div>
					<div class="form-group">
						<label class="control-label" for="permit-editor"><i class="fa"></i>权限</label>
						<div class="input-group input-group-sm">
							<span class="input-group-addon permit-prefix">account:</span>
							<input id="permit-editor" type="text" maxlength="30" required class="form-control search-key editor"
							       name="permit" placeholder="权限的名称">
						</div><!-- /input-group -->
						<span class="help-block"></span>
					</div>
					<div class="form-group">
						<label class="control-label" for="desc-editor"><i class="fa"></i>描述</label>
						<textarea id="desc-editor"  maxlength="50" required class="form-control search-key editor"
						          name="desc" placeholder="权限的作用"></textarea>
						<span class="help-block"></span>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button id="editorFormCancel" type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
				<button id="editorFormSubmit" type="button" class="btn btn-primary submit">保存
				</button>
			</div>
		</div>
	</div>
</div>

<!--/*/ </th:block > /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"
></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/dualListbox/jquery.bootstrap-duallistbox.min.js"></script>
<script type="text/javascript"
        src="lib/dialog/bootstrap-dialog.min.js"></script>

<!-- 自定义脚本开始 -->
<script type="text/javascript" src="js/util/commonUtils.js"></script>
<script type="text/javascript" src="js/security/httpPermit.js"></script>


<!--/*/ </th:block>  /*/-->
</body>
</html>